草庐IT

CSS 图片廊

全部标签

javascript - 在 Bootbox 窗口中更改 css

如何向这段代码中的“Helloworld”添加样式(假设为粗体属性):bootbox.alert("Helloworld!",function(){Example.show("Helloworldcallback");});谢谢 最佳答案 扩展JamesKing的回答:使用firebug的控制台你可以看到对命令的响应:bootbox.alert('helloworld')是对包含div元素的bootbox的引用;对象[div.bootbox]因此,当您通过简单地更改其css属性调用它时,完全重新定义警报是非常容易的:bootbox.

javascript - RegEx 从 CSS 背景样式中提取 URL

我有一个这种形式的字符串:url("http://www.example.com/imgs/backgrounds/bg80.jpg")repeatscroll10%0%transparent这是来自某个元素的CSS样式,该元素目前在页面上不可见。我需要做的是预加载该背景图片,但为此我需要它的URL,并且我正在尝试编写一个正则表达式来找到它。我知道http://www.example.com/imgs/backgrounds/部分保持不变,唯一改变的是图像名称本身,它可以以结尾。jpg或.png.这是一次尝试:(http:\/\/www.example.com\/imgs\/backg

javascript - jQuery .css() 中的 CSS 框阴影

Firefox18似乎无法识别-moz-box-shadow或box-shadowCSS属性。如果我使用border-color,一切正常。$($this).hover(function(){//$(this).css('border-color','#ff0');$(this).css('box-shadow','10px','10px','5px','#888');//$(this).css('-moz-box-shadow','10px','10px','5px','#888');},function(){$(this).css('border-color','');//$(th

javascript - 如果未启用 javascript,则定义 css

如果未启用javascript,我想定义.exampleclassimg{height:250px}。无论如何,他们是否要在javascript/jquery中撤消此操作? 最佳答案 您可能会使用HTML的noscript标签。.exampleclassimg{height:250px}编辑:我实际上会支持Stephen的回答是最好的。虽然上述方法可能有效,但它可能无效/未遵循最佳实践。斯蒂芬回答:puta"no-js"classonyourbodyelement,andthenremoveitwithJSatload,anduse

javascript - .closest() 在 CSS 中

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:IsthereaCSSparentselector?我可以通过使用.closest()来隐藏以这种方式显示的DOM树。$('.child').closest('parent').hide();只用CSS就能达到同样的效果吗?如果是,如何?

javascript - 为什么 Chrome 粘贴图片时会将图片数据转换为 "image/png"mime 类型?

将JPG图片文件复制粘贴到Chrome后,分析Event.originalEvent.clipboardData中的数据,图片类型为image/png。为什么?操作系统:windows7我认为复制到剪贴板时图像不可能被转换。我试过把它粘贴到其他App上,图片可以保存为JPG。我是从网页上下载的。 最佳答案 也就是说,在native应用程序和网站之间进行尽可能丰富的交互显然是一个目标。但是浏览器需要做一些“过滤”以仅公开它知道MIME类型描述的数据-MIME类型是我们描述网络内容的方式,它是跨平台的,因此比com.apple.iWor

javascript - Django - javascript 和 css 文件中的模板标签

有什么方法可以将模板标签添加到javascript和css文件中?我会将它用于任何事情,从将url传递到媒体url链接(图像路径等)到基于用户权限的条件javascript。我只是想也许我可以将它作为模板提供,但将url作为我的javascript文件。这是做这样的事情的唯一方法吗?如果是这样,它可能不适用于我的媒体生成器,所以如果有的话,我可能想要一个更好的解决方案。 最佳答案 如何在DjangoHTML模板的内中,在script和style标签之间定义JavaScript变量和CSS属性?我知道这听起来像是一种hack,但在我看

javascript - Mediaelement.js:如何更改海报图片?

我正在尝试通过JS更改视频源。这主要是工作。varbasename="video/whatever";$("#myvideo")[0].setSrc([{type:"video/mp4",src:basename+".mp4"},{type:"video/webm",src:basename+".webm"},{type:"video/ogg",src:basename+".ogv"}]);所以第一个问题:当我更改源时,暂停按钮显示而不是播放,并且大覆盖播放按钮不显示,即使它已暂停。我已经尝试在setSrc调用之前和之后发送stop()和pause()以及setCurrentTime(

javascript - 如何创建 CSS/JavaScript 圆网格

我需要做这样的事情:这看起来很容易,但有一些要求:-包含的div的宽度应取决于文本长度(在CSS中是否可能?)-所有圆圈应随机放置-这对我来说是最困难的部分。当我使用border-radius创建圆(设置高度、宽度和border-radius为50%)时,我尝试创建某种网格我在其中遍历每个元素并获取其尺寸的JavaScript。然后我得到前一个元素的位置(如果有的话)并将它们添加到当前元素尺寸。此外,添加一些边距将有助于避免碰撞。这是正确的做法吗?我只是在寻找解决我的两个问题的建议。 最佳答案 根据内容大小缩放的圈子。这是您需要首先

javascript - foreignObject中绝对url图片的特征检测

经过一些研究后,我发现如果Chrome和Opera具有绝对路径,它们会在foreignObject中渲染图像,而Firefox仅在图像为data-uri格式时才渲染图像,因为它不会加载任何外部资源。我尝试了几种方法,但我找不到一种方法来检测这种行为的特征,例如,我试图检查foreignObject中图像的尺寸,但它们总是正确的,Firefox只是绘制了一个透明矩形具有相同的图像大小。你知道怎么做吗?代码这种情况很难重现,但你可以这样测试:转到谷歌主页在Chrome上打开firebug控制台或javascript控制台执行这段代码::varimg=newImage();img.src="